<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="generator" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href="css/haiersoft.css" rel="stylesheet" type="text/css" media="screen,print" />
<link href="css/print.css" rel="stylesheet" type="text/css"  media="print" />
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/side.js" type="text/javascript"></script>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body>
<!-- Popup -->
<div id="Popup">

<!-- SubPopup -->
<div id="SubPopup">
<script type="text/javascript">
$(function(){
$(".select").each(function(){
var s=$(this);
var z=parseInt(s.css("z-index"));
var dt=$(this).children("dt");
var dd=$(this).children("dd");
var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};
var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};
dt.click(function(){dd.is(":hidden")?_show():_hide();});
dd.find("a").click(function(){dt.html($(this).html());_hide();});
$("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});})})
</script>
<div class="form_boxC">
<p>"<span class="f_cB">*</span>"号为必填项目</p>
<table cellpadding="0" cellspacing="0">
<tr>
<th width="100">员工编码 <span class="f_cB">*</span></th>
<td><div class="txtbox floatL" style="width:100px;"><input name="" type="text" size="5" value="110"></div></td>
</tr>
<tr>
<th>员工姓名 <span class="f_cB">*</span></th>
<td><div class="txtbox floatL" style="width:100px;"><input name="" type="text" size="5" value="张三"></div></td>
</tr>
<tr>
<th>员工岗位 <span class="f_cB">*</span></th>
<td><!-- selectbox -->
<div class="selectbox" style="width:230px;">
<dl class="select">
<dt>销售员1</dt>
<dd><ul>
<li><a href="#">销售A</a></li>
<li><a href="#">销售B</a></li>
<li><a href="#">销售C</a></li>
<li><a href="#">销售D</a></li>
<li><a href="#">销售E</a></li>
</ul></dd></dl>
</div>
<!-- /selectbox --></td>
</tr>
<tr>
<th>性别 <span class="f_cB">*</span></th>
<td><!-- selectbox -->
<div class="selectbox" style="width:230px;">
<dl class="select">
<dt>请选择</dt>
<dd><ul>
<li><a href="#"> 男 </a></li>
<li><a href="#"> 女 </a></li>
</ul></dd></dl>
</div>
<!-- /selectbox --></td>
</tr>
<tr>
<th>所属部门 <span class="f_cB">*</span></th>
<td><!-- selectbox -->
<div class="selectbox" style="width:230px;">
<dl class="select">
<dt>销售部</dt>
<dd><ul>
<li><a href="#">选项A</a></li>
<li><a href="#">选项B</a></li>
<li><a href="#">选项C</a></li>
<li><a href="#">选项D</a></li>
<li><a href="#">选项E</a></li>
</ul></dd></dl>
</div>
<!-- /selectbox --></td>
</tr>
<tr>
<th>是否启用</th>
<td><input name="" type="checkbox" value=""></td>
</tr>
<tr>
<th>E-Mail <span class="f_cB">*</span></th>
<td><div class="txtbox floatL"><input name="" type="text" value="zhangsan@qq.com"></div></td>
</tr>
<tr>
<th>备注</th>
<td><div class="txtbox"><textarea name="" cols="25" rows="5"></textarea></div><p class="f_cB pdg_t5">最多500字</p></td>
</tr>
</table>
</div>
</div>
<!-- SubPopup -->

<div id="BtmBtn">
<div class="btn_boxB floatR mag_l20"><input name="" type="button" value="取消" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'"></div>
<div class="btn_box floatR"><input name="" type="button" value="提交" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'"></div>
</div>
</div>
<!-- /Popup -->
</body>
</html>